/**
 * Created by wanghaibo on 17/11/11.
 */
$(function(){

    var nav_w=$(".find_nav_list li").first().width();
    $(".sideline").width(nav_w);
    $(".find_nav_list li").each(function() {
        if($(this).hasClass('find_nav_cur')){
            console.log(1);
            nav_w = $(".find_nav_list li").first().width();
            var fn_w = ($(".find_nav").width() - nav_w) / 2;
            var fnl_l;
            var fnl_x = parseInt($(this).position().left);
            if(fnl_x <= fn_w) {
                fnl_l = 0;
            } else if(fn_w - fnl_x <= flb_w - fl_w) {
                fnl_l = flb_w - fl_w;
            } else {
                fnl_l = fn_w - fnl_x;
            }
            $(".find_nav_list").css('left',fnl_l)
        }

    });

    $(".find_nav_list li").on('click', function(){
        nav_w=$(this).width();
        $(".sideline").stop(true);//停止动画
        //移动下面的条
        $(".sideline").animate({left:$(this).position().left},300);
        $(".sideline").animate({width:nav_w});
        //更新当前元素的颜色
        $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");
        //计算导航条应该移动的距离
        var fn_w = ($(".find_nav").width() - nav_w) / 2;//导航宽度的一半
        var fnl_l;
        var fnl_x = parseInt($(this).position().left);//左边位置
        /*
         *如果在中轴线左边的，则为0
         *如果在需要移动的距离比外面容器的绝对值还大，则移动最大距离为他们的差
         *正常移动距离
         */
        if (fnl_x <= fn_w) {
            fnl_l = 0;
        } else if (fn_w - fnl_x <= flb_w - fl_w) {//溢出的宽度
            fnl_l = flb_w - fl_w;
        } else {
            fnl_l = fn_w - fnl_x;
        }
        $(".find_nav_list").animate({
            "left" : fnl_l
        }, 300);
        //保存现在的距离
        sessionStorage.left=fnl_l;
        var c_nav=$(this).find("a").text();
        // navName(c_nav);
    });
    var fl_w=$(".find_nav_list").width(); //导航的总宽度
    var flb_w=$(".find_nav_left").width(); // 导航外部div的宽度
    $(".find_nav_list").on('touchstart', function (e) {
        var touch1 = e.originalEvent.targetTouches[0];
        x1 = touch1.pageX;
        y1 = touch1.pageY;
        //导航条距离左边的位置
        ty_left = parseInt($(this).css("left"));
    });
    $(".find_nav_list").on('touchmove', function (e) {
        var touch2 = e.originalEvent.targetTouches[0];
        var x2 = touch2.pageX;
        var y2 = touch2.pageY;
        //这个很重要
        if(ty_left + x2 - x1>=0){ //绝对移动的距离大于0
            $(this).css("left", 0);
        }else if(ty_left + x2 - x1<=flb_w-fl_w){ //移动的距离比右侧还小
            $(this).css("left", flb_w-fl_w);
        }else{//在区间内
            $(this).css("left", ty_left + x2 - x1);
        }
        if(Math.abs(y2-y1)>0){
            e.preventDefault();
        }
    });
});